{% extends 'basepl.html' %}
{% load static %}

{% block head %}
    <title>教学日历</title>
<link rel="stylesheet" href="{% static '/callender2.css' %}">
<script src="{% static '/jquery.min.js' %}"></script>
<script src="{% static '/callender2.js' %}" type="text/javascript"></script>

    <style>
    #es{
        position: absolute;
        width: 450px;
        height: 400px;
        {#border: #666666 solid;#}
    }
    #ctime{
        position: absolute;
        right: 0;
        top: 0;
        width: 450px;
        height: 500px;
        {#border: #666666 solid;#}
    }
    section{
        border: gray solid;
        background-color: ghostwhite;
    }
    #cshow{
        position: absolute;
        bottom: 20px;
     }
    </style>
{% endblock head %}
{% block nav %}
<li><a href="/teaIndex">首页</a></li>
<li><a href="#top">大学课程教学过程管理系统</a></li>
<li><a href="/">切换账号</a></li>
<li><a href="#"></a></li>
<li><a href="#">关于</a></li>
<li><a href="/">注销</a></li>
{% endblock %}
{% block li %}
<li><a href="/teaIndex/teapick">选&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;课</a></li>
<li><a href="/teaIndex/test">考&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;试</a></li>
<li><a href="/teaIndex/tcallendar">日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;历</a></li>
{% endblock li %}

{% block section %}
<div id="es">
</div>
{% if course %}
<div id="cshow">
    <table border="1px">
        <tr>
            <th>课程号</th>
            <th>课程名</th>
        </tr>
        {% for foo in course %}
       <tr>
       <td>{{ foo.id }}</td>
       <td>{{ foo.cname }}</td>
       </tr>
        {% endfor %}
    </table>
</div>
{% endif %}

<div class="datepicker" id="calendar">
    <input type="text">
    <i class="fa fa-calendar"></i>

<script src="{% static '/jquery.min.js' %}"></script>
<script>
$(document).ready(function () {
    $("#calendar").callendar();

});
</script>
</div>

<div id="ctime">
</div>
{% endblock section %}

{% block qd %}
{% endblock qd %}
